    // 调用函数 动态渲染生成页面
    setPage();

       // 给父级标签添加点击事件 通过事件委托完成函数程序的执行
       $('.container').click(function(e){
      // 获取 looked数据
      const looked = JSON.parse( localStorage.looked );

      if( e.target.getAttribute('name') === 'del' ){
        // 从点击标签 索引下标 开始 数组中删除 1个单元
        looked.splice( e.target.getAttribute('index')-0 , 1 );
      }
      // 新数组 设定 给 localStorage.looked 存储
      // looked数组要转化为 json字符串
      localStorage.looked = JSON.stringify( looked );
      // 调用函数 动态渲染生成页面
      setPage();
    })

    function setPage(){

      // 获取 本地存储数据信息
      let looked = localStorage.looked;

      if( looked === undefined ){
        // 没有 浏览数据
        // 生成 对应的 提示信息
        $('.container').html('<h1>您还没有浏览任何商店</h1>');

      }else{
        // 有 浏览数据
        looked = JSON.parse( looked );

        if( looked.length === 0 ){
          // 浏览数据是一个空数组
          // 生成对应的提示信息
          $('.container').html('<h1>您的浏览记录已清空！</h1>');

        }else{
          let str = `
            <div class="panel panel-info ">
              <div class="panel-body bg-info">
                <div class="checkbox">
                 
                </div>
              </div>
              <div class="panel-footer">
                <ul class="cart-list">`;

          looked.forEach( (item , key)=>{

            str += `
              <li class="cart-item">
                
                <div class="right">
                  <div class="media">
                    <div class="media-left">
                      <a href="./detail.html?goods_id=${item.goods_id}">
                        <img class="media-object" src="${item.goods_small_logo}" alt="...">
                      </a>
                    </div>
                    <div class="media-body">
                      <a href="./detail.html?goods_id=${item.goods_id}">
                        <h4 class="media-heading">${item.goods_name}</h4>
                      </a>
                      <p>
                        <i class="glyphicon glyphicon-yen"></i>
                        <span>${item.goods_price}</span>
                      </p>

                      <button name="del" index="${key}" class="del btn btn-danger">删除记录</button>

                    </div>
                  </div>
                </div>
              </li>
            `;
          })

          // 将 字符串写入 标签中
          $('.container').html(str);

        }
      }
    }